// 活动视图切换器
.epic-action-bar {
  width: 48px;
  background-color: var(--epic-action-bar-color);
  border-right: 1px solid var(--epic-border-color);
  border-left: 1px solid var(--epic-border-color);
  padding: 8px 0;

  .epic-action-item {
    text-align: center;
    position: relative;
    cursor: pointer;
    color: var(--epic-text-main);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .3s;

    &:hover {
      color: var(--epic-primary-color);
    }

    &::before {
      content: "";
      height: 80%;
      width: 80%;
      border-radius: 6px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: var(--epic-primary-color);
      opacity: 0;
      transition: all .3s;
    }

    &.checked {
      color: #fff;
      &::before {
        opacity: 1;
      }
    }
  }
}

// 左侧栏
.epic-left-sidebar {
  width: 280px;
  background-color: var(--epic-view-color);
  overflow-x: hidden;
  overflow-y: auto;
  transition: width 0.3s;
  border-right: 1px solid var(--epic-border-color);

  .epic-sidebar-container {
    min-width: 280px;
    height: 100%;
  }

  &.hide {
    width: 0;
    border: 0;
  }
}
